import React, { Component } from 'react';

import Grandson from './Grandson';

// 引入创建好的context 对象
import contextObj from './context';

class Son extends Component {
    // 定义一个静态属性,contextType,该静态属性是固定属性名,不能随意更改
    // 该步骤内部实现了将组件组件的数据映射到了当前组件的实例上,具体映射到了当前组件的context实例属性上
    static contextType = contextObj;
    render() {
        return (
            <div>
                儿子组件
                <p>{this.context}</p>
                <Grandson></Grandson>
            </div>
        );
    }
    componentDidMount() {
        console.log('Son组件实例', this);
    }
}

export default Son;
